@import "../../../we7/resource/style/main.css";
@import "../../../we7/resource/style/icon.css";
page {
	background-color: #f7f7f7;
}
.content {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.content .serach {
	width: 100%;
	height: 120rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content .serach input {
	width: 85%;
	height: 70rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #999;
	font-size: 28rpx;
	border-radius: 35rpx;
	background: #fff;
}

.content .main {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	background: #fff;
}

.content .main .tabs {
	width: 100%;
	height: 100rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1rpx solid #f1f1f1;
	box-sizing: border-box;
	padding: 0 80rpx;
}

.content .main .tabs text {
	color: #333;
	height: 100%;
	font-size: 32rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content .main .tabs .active {
	border-bottom: 2rpx solid #E54D42;
	color: #E54D42;
}

.content .main .show {
	width: 100%;
	height: 260rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 30rpx;
	position: relative;
}

.content .main .show .box {
	width: 220rpx;
	height: 200rpx;
	box-sizing: border-box;
	padding: 0 15rpx;
	margin-right: 20rpx;
	border: 1rpx solid #f1f1f1;
}

.content .main .show .box .img {
	width: 100%;
	height: 100%;
}

.content .main .show .info {
	width: 450rpx;
	height: 200rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.content .main .show .info>text {
	color: #999;
	font-size: 32rpx;
}

.content .main .show .info .number {
	width: 100%;
	height: 100rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.content .main .show .info .number .price {
	color: #E54D42;
	font-size: 32rpx;
}

.content .main .show .info .number .block {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content .main .show .info .number .block text {
	color: #999;
	font-size: 32rpx;
}

.content .main .show .nav {
	position: absolute;
	top: 30rpx;
	right: 10rpx;
	width: 300rpx;
	height: 140rpx;
	background: #666;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 15rpx;
}

.content .main .show .nav .block {
	flex:1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	box-sizing: border-box;
	padding: 20rpx 0;
}

.content .main .show .nav .block .ico {
	color: #fff;
	font-size: 40rpx;
}

.content .main .show .nav .down {
	position: absolute;
	top: 82rpx;
	color: #666;
	font-size: 80rpx;
	right: -4rpx;
}

.noData {
	width: 100%;
	height: 500rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #999;
	font-size: 32rpx;
}

.noData image {
	width: 160rpx;
	height: 120rpx;
	margin-bottom: 30rpx;
}